﻿@import url("../App_Themes/module.css");
body{margin:0; padding:0; font:12px/24px "Microsoft Yahei", Arial, sans-serif; color: #333; background: #f2f2f2;}
ul,li{margin:0; padding:0; list-style-type:none;}
h1,h2,h3,h4,h5,h6,em,i,span,b,label{ margin:0; padding:0; font-style:normal; font-weight: normal;}
*{ margin:0; padding:0;}
img{border:0;}
a{color: #333; text-decoration:none;}
a:hover{color: #044fa0; text-decoration:none;}

.clear{width: 100%; height: 10px; clear: both; line-height: 0px; font-size: 0px;}
.w10{width: 10px; height: 100px;}
.fl{float: left;}.fr{float: right;} 
.p10{padding: 10px;}

.red{color: #ff0000;}.red a{color: #ff0000;} .red a:hover{color: #ff0000;}

/*header*/
.header{position: absolute; top: 0px; left: 0; width: 100%; height: 110px; background: url(../images/header_bg.png) repeat-x; z-index: 99;}
.header .con{position: relative; width: 1100px; height: 110px; margin: 0 auto;}
.header .logo{width: 388px; height: 110px;}
.header .bb{position: absolute;top:10px;right: 10px;color: #003a91;font-weight: 600;line-height: 25px;}
.header .bb em{float: left;width: 35px; height: 25px;background: #0070B9;margin-right: 5px; text-align:center; border-radius: 3px;}
.header .bb label{float: left;width: 35px;height: 25px;background: #00B900;margin-left: 5px; text-align:center; border-radius: 3px;}
.header .bb a{color: #fff;}
.header .bb a:hover{}
/*nav*/
/*.nav{height: 40px; padding: 30px 0;}
.nav ul{margin: 0 auto; overflow: hidden;}
.nav li{float: left; height: 40px; margin-left: 20px; font: 14px/37px "Microsoft Yahei"; color: #fff; text-align: center;}
.nav li a{display: block; color: #333;}*/
.select a,.select a:hover{display: block;  color: #003a91; border-bottom: 3px solid #003a91;}

.nav{height: 40px; padding: 30px 0; z-index: 99;}
.nav_ul{margin: 0 auto; }
.nav_li{position: relative; float: left; width: 75px; height: 40px; font: 14px/37px "Microsoft Yahei"; color: #fff; text-align: center;}
.nav_li>a{display: block; color: #333;}
.nav_li:hover>a{display: block;  color: #003a91; border-bottom: 3px solid #003a91;}

.nav_li a{display: block; color: #333;}
.nav_li a:hover{display: block;  color: #003a91; border-bottom: 3px solid #003a91;}

.nav .nav_li ul {position:absolute; width: 90px; top: 40px; left: 0px; display:none; z-index: 99; color: #044fa0;}
.nav .nav_li li {float: left; width: inherit; height: 35px; font: 12px/35px "Microsoft Yahei"; text-align: center; /*IE6 only*/ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.nav .nav_li li a {display: block; height: 35px; color: #fff; overflow: hidden; text-align: center; background:#003a91; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.nav .nav_li li a:hover {display: block; height: 35px; color: #fff15:54 2017/5/10/ 星期三15:54 2017/5/10/ 星期三15:54 2017/5/10/ 星期三; font-weight: 600; text-align: center; background:#003a91; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}


/*banner*/
.banner{position: relative; height: 550px;}
.flexslider{position: relative; height: 550px; overflow: hidden;}
.slides{position: relative; z-index:1;}
.slides li{height: 550px;}
.flex-control-nav{position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li{display: inline-block; width: 14px; height: 14px; margin:0 5px; *display: inline; zoom: 1;}
.flex-control-nav a{display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active{background-position: 0 0;}

/*footer*/
.footer{padding: 20px 0 20px; color: #888; background: #222;}
.footer .con{width: 1100px; margin: 0 auto; overflow: hidden; font: 14px/28px "Microsoft Yahei";}
.footer .flink{float: left; width: 750px; height: 70px; line-height: 35px; overflow: hidden;}
.footer .flink a{padding: 0 10px; color: #888;}
.footer .lx{float: left; width: 750px; margin-top: 15px; font-size: 12px;}

.footer .ewm{float: right; text-align: center; }
.footer .ewm img {height: 130px; margin-bottom: 10px; border: 10px solid #fff;}

.bq{height: 40px; line-height: 40px; margin: 0 auto; background: #eee;}
.bq .con{width: 1100px; margin: 0 auto; overflow: hidden;}

/*home*/
.content{width: 1100px; margin: 0 auto; padding: 15px 0; overflow: hidden;}

.home_tit{height: 30px; color: #999; line-height: 30px; font-size: 16px;}
.home_tit h2{float: left; font-size: 16px; font-weight: bold; color: #003a91; margin-right: 8px;}
.home_tit em{font-size: 14px; margin-left: 8px;}
.jg{width: 40px; height: 235px; background: url(../images/jg.jpg) repeat-y center;}

.dtzx{width: 300px;}
.dtzx .top{padding-top: 10px; overflow: hidden;}
.dtzx .top img{float: left; width: 100px; height: 100px;}
.dtzx .top h2{float: right; width: 180px; font: bold 14px/28px "Microsoft Yahei"; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.dtzx .top p{float: right; width: 180px;}
.dtzx ul{margin-top: 10px;}
.dtzx li{height: 28px; line-height: 28px;}
.dtzx li a{float: left; width: 200px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.dtzx li em{float: right; width: 100px; text-align: right;}

.gsjj{width: 420px; height: 235px; overflow: hidden;}
.gsjj .con{padding-top: 10px; line-height: 23px;}
.gsjj .con img{width: 420px; height: 100px; margin-bottom: 8px;}

.lxwm{width: 300px; height: 235px;}
.lxwm .con{height: 106px; padding-top: 10px;}
.lxwm .tup img{width: 280px; height: 90px;}

.cpzs{height: 200px; margin-top: 10px; margin-bottom: 20px}
.cpzs .con{padding: 10px 0px; overflow: hidden;}
#demo{width: 1100px; overflow:hidden; border:none;}
#indemo {float: left; width: 8000%;}
#demo1,#demo2{float:left; display:inline-table;}
#demo1 li,#demo2 li{float:left; padding-left: 8px;}
#demo1 li img,#demo2 li img{height: 150px; display:block; border: 1px solid #a89982;}
#demo1 li em,#demo2 li em{display: block; line-height:30px; text-align:center; overflow:hidden;}
#demo1 {float: left;}
#demo2 {float: left;}


/*sub*/
.sub{position: relative; width: 1100px; margin: 0 auto; overflow: hidden; z-index: 199; margin-top: -60px;}
.sub .left{width: 240px; float: left;}
.sub .left .left_tit{height: 60px; text-align: center; font: 16px/60px "Microsoft Yahei"; color: #fff; background: #003a91;}

.left_fl{width: 240px;}
.left_fl ul{overflow: hidden;}
.left_fl li{line-height: 40px; font-size: 14px;}
.left_fl li a{display: block; padding-left: 26px; color: #666; background: url(../images/left_fl_li.jpg);}
.left_fl li a:hover{display: block; padding-left: 26px; color: #fff; background: url(../images/left_fl_hov.jpg);}

.left_lx{width: 240px; background: #fff;}
.left_lx .con{padding: 15px;}

.sub .title{height: 40px; padding: 0 15px; line-height: 40px; border-bottom: 1px solid #ddd;}
.sub .title .piont{float: left; text-align: right; color: #666; vertical-align: middle; font-size: 14px;}
.sub .title .piont a{color: #666;}
.sub .title .piont img{margin-right: 10px;}

.sub .right{width: 840px; float: right; background: #fff; margin-top: 60px;}
.right_m{padding: 20px 30px; font: 14px/30px "Microsoft Yahei"; color: #666;}

/*newsList*/
.news_ul {overflow: hidden;}
.news_ul li{height: 45px; padding-left: 15px; line-height: 45px; font-size: 14px; background:url(../images/dd.jpg) no-repeat left; border-bottom: 1px dashed #ddd;}
.news_ul li a{ float:left; text-decoration:none;}
.news_ul li a:hover{}
.news_ul li span{ float:right; color:#666666;}
.ny_Newslist a{width: 490px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

/*newsread*/
.news_title{padding-bottom: 10px; font: bold 18px/30px "Microsoft Yahei"; text-align: center;}
.fenxiang_box{height:35px; color:#666; text-align:center; position: relative; background: #f0f0f0;}
.news_xx_txt{padding: 20px 0;}

.other_news_t{height: 30px; margin-bottom: 10px; line-height: 30px; border-bottom: 1px solid #003a91;}
.other_news_h4{float:left; padding: 0 15px; color: #fff; font-size:14px; font-weight:bold; background: #003a91;}
.other_news a{width: 540px; overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}

/*productList*/
/*.cpzsneiy{margin-top: 15px; overflow: hidden;}
.cpzsneiy dl{float:left; width: 214px; height:228px; padding:0 12px 10px; text-align:center; line-height:25px;}
.cpzsneiy dl dt{width: 214px; text-align:center; }
.cpzsneiy dl dt img{ border:1px solid #dadadb;}
.cpzsneiy dl dd{width: 214px; text-align:center; font-size:12px;}*/

.right-pic{padding: 0 30px;}
.right-pic ul{ text-align:justify;margin-left:auto; margin-right:auto;}
.right-pic span.listpic-box{ display:inline-block; height:295px; width:242px; margin-top:25px;}
.right-pic span.listpic-box a{ display:block;height:240px; width:240px;border:1px solid #ccc; text-align:center; font-size:0;}
.right-pic span.listpic-box a:hover{ background:#fff;}
.right-pic span.listpic-box a .alpha-img{height:100%; width:1px; vertical-align:middle;}
.right-pic span.listpic-box a .show-img{vertical-align:middle;width: expression(this.width > 219 && this.width / 219 >= this.height / 218 ? 219 : true); height: expression(this.height > 218 && this.width / 219 < this.height / 218 ? 219 : true); max-width:219px;max-height:218px;}
.right-pic span.listpic-txt{ display:block;text-align:center;height:50px; line-height:50px;  margin-top:1px}
.right-pic span.listpic-txt a{width:100%; border:0px solid #beceeb; padding:0; font-size:14px; text-decoration:none; color:#044fa0;height:50px; line-height:50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-text-overflow:ellipsis;}	
.right-pic span.listpic-txt a:hover{}
.right-pic span.left-fix{height:0px; padding:0px; overflow:hidden;width:240px; display:inline-block}

.justify_fix{display:inline-block; width:100%; height:0; overflow:hidden;}

.cpzsyema{text-align:right; padding: 15px 15px 5px;}

/*productread*/
.cp_xx{padding: 20px;}
.cp_next_box{text-align: center;}
.cp_next_box a{padding: 0 10px;}

.other_cp_box{overflow: hidden;}
.cp_dl{float: left; width: 160px; padding: 8px 8px 0;}
.cp_dl dt img{width: 160px; height:123px; border:1px solid #e6e7e7;}
.cp_dl dd{ height:30px; line-height:30px;  text-align:center;}
.cp_dl dd a{ color:#515151}
.cp_dl dd a:hover{color:#00ae4d;}
.other_product dd{ width: 100%;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}


/*精品赏析 图片切换*/
#box{position:relative; width:207px; height: 207px;}
#box .bigUl{}
.bigUl li {position:absolute; height:240px;}
.bigUl li img{width: 207px; height: 207px;}
.numberUl {position:absolute; right: 5px; bottom: 5px; z-index:400}
.numberUl li{float:left; width:24px; height: 18px; background:#fff; opacity:0.7; margin-left:1px;}
.numberUl li a{display:block ;width:24px; height: 18px; color:#000; font-size:12px; text-align:center; line-height:18px;}
.numberUl li.night a{background: #000; color:black; color: #fff}
#box .textUl li{position:absolute; left:20px; bottom:3px; display:none; width: 260px;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
#box .textUl li a{font-size:14px; /*font-family:"Microsoft Yahei";*/ color:#000; font-weight:bold; }

